<template>
	<view class="zxc_centent">
		<view class="tp">
			<view class="tp_status" v-if="status == 0">
				<view class="tp_tit">
					<image src="../../static/images/back1.png" mode="widthFix" class="back_img"></image>
					审核中
				</view>
				<view class="tp_text">平台审核中，请耐心等候</view>
			</view>
			<view class="tp_status" v-if="status == 1">
				<view class="tp_tit">
					<image src="../../static/images/back2.png" mode="widthFix" class="back_img"></image>
					审核驳回
				</view>
				<view class="tp_text">恶意退款，平台拒绝退款申请</view>
			</view>
			<view class="tp_status" v-if="status == 2">
				<view class="tp_tit">
					<image src="../../static/images/back3.png" mode="widthFix" class="back_img"></image>
					审核通过
				</view>
				<view class="tp_text">平台已同意退款</view>
			</view>
		</view>
		
		<view class="ujr">
			<view class="text">订单编号：11114313131321231212 </view>
			<view class="text">提交时间：2022-12-31  12:31 </view>
			<view class="text">订单状态：技师已出发，未到达</view>
			<view class="text">退款说明：技师已出发，取消该订单需要扣除车费和服务项目20%费用共计50.00元</view>
			<view class="text">应退金额：￥150.00</view>
			<view class="text" v-if="status == 2">实退金额：￥150.00</view>
			<view class="text" v-if="status == 2">退款账号：原支付账户</view>
			<view class="text" v-if="status == 2">退款时间：2022-12-14 20:17</view>
		</view>
		
	</view>
</template>

<script>
	export default{
		data (){
			return {
				status:0,  //0审核中 1审核驳回 2审核通过
			}
		},
		methods:{
			
		}
	}
</script>

<style>
	.zxc_centent{
		padding:0;
	}
	.tp{
		background-color: #07c160;
		color:#fff;
		font-size:28upx;
		color:#fff;
		text-align: center;
		padding:30upx 0;
	}
	.back_img{
		width:30upx;
		margin-right:20upx;
	}
	.tp_tit{
		display: flex;
		align-items: center;
		justify-content: center;
		font-size:33upx;
		font-weight: 700;
	}
	.tp_text{
		margin-top:15upx;
	}
	.ujr{
		padding:10upx 30upx 30upx 30upx;
		background-color: #fff;
	}
	.text{
		margin-top:20upx;
		font-size: 28upx;
	}
</style>